
.mt-5 {
  margin-top: 8.01rpx;
}
.page {
  padding-left: 28.85rpx;
  background-color: #f0f0f0;
  height: 100%;
  min-height: 100vh;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.header{
  margin-bottom: 50rpx;
}
.main{
  position: relative;
  z-index: 8;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  min-height: 600rpx;
  background-color:white;
  border-radius: 26.39rpx;
  box-shadow: 0rpx 3.21rpx 6.41rpx #00000040;
 
}
.content{
  padding-right: 28.85rpx;
  width:100%;
  display: flex;
  justify-content: center;
  background-color: #f0f0f0;
 
  position: relative;
  min-height: 600rpx;
  z-index: 3;
}

.section {
  margin-top: -435.9rpx;
  filter: blur(64.1rpx);
  background-color: #00000000;
  width: 750rpx;
  height: 980.71rpx;
}
.section_10 {
  position: absolute;
  opacity: 0.1;
  height: 700rpx;
  filter: drop-shadow(0rpx 3.21rpx 3.21rpx #00000040) blur(0rpx);
  background-image: url('https://ide.code.fun/api/image?token=675d1bb24ae84d00121ffaf5&name=5811a6f8b21d14e8b6a9e7872e8ec3d7.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 652.24rpx;
  right: -90rpx;
  top: 100rpx;
}
.section_3 {
  background-color: #90decd;
  width: 756.41rpx;
  height: 371.79rpx;
}
.pos_2 {
  position: absolute;
  left: 0;
  right: -6.43rpx;
  top: -33.65rpx;
}
.image_3 {
  width: 160.26rpx;
  height: 160.26rpx;
}
.pos_6 {
  position: absolute;
  right: -89.74rpx;
  top: 189.1rpx;
}
.image_2 {
  width: 176.28rpx;
  height: 176.28rpx;
}
.pos_3 {
  position: absolute;
  right: -80.11rpx;
  top: 0;
}
.section_2 {
  padding-left: 51.28rpx;
  padding-bottom: 205.13rpx;
  filter: drop-shadow(0rpx 3.21rpx 3.21rpx #00000040) blur(0rpx);
  background-image: url('https://ide.code.fun/api/image?token=675d1bb24ae84d00121ffaf5&name=ca56427cd9906c77bbafc2f5ee21e49e.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.pos {
  position: absolute;
  left: -135.82rpx;
  right: 0;
  top: -161.86rpx;
}
.group {
  margin-right: 19.23rpx;
  padding: 67.31rpx 0 40.06rpx;
  width: 709.94rpx;
}
.image {
  margin-right: 11.22rpx;
  width: 217.95rpx;
  height: 219.55rpx;
}
.section_4 {
  background-color: #ffffff;
  border-radius: 4.81rpx;
  box-shadow: 0rpx 3.21rpx 6.41rpx #00000040;
  background-image: url('https://ide.code.fun/api/image?token=675d1bb24ae84d00121ffaf5&name=a5ba780df1db5637fd32d0d3164cd7c2.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.section_5 {
  border-radius: 4.81rpx;
  background-image: url('https://ide.code.fun/api/image?token=675d1bb24ae84d00121ffaf5&name=a5ba780df1db5637fd32d0d3164cd7c2.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 266.03rpx;
}
.text {
  color: #030303;
  font-size: 57.69rpx;
  font-family: AlibabaPuHuiTi;
  line-height: 52.79rpx;
}
.pos_4 {
  position: absolute;
  left: 38.61rpx;
  top: 27.87rpx;
}
.font {
  font-size: 32.05rpx;
  font-family: AlibabaPuHuiTi;
  color: #000000;
}
.text_3 {
  line-height: 8.43rpx;
}
.pos_7 {
  position: absolute;
  left: 207.88rpx;
  top: 72.85rpx;
}
.text_2 {
  line-height: 24.68rpx;
}
.pos_5 {
  position: absolute;
  left: 243.75rpx;
  top: 55.77rpx;
}
.text_4 {
  color: #ba3a58;
  line-height: 29.36rpx;
}
.pos_8 {
  position: absolute;
  left: 50.1rpx;
  top: 50%;
  transform: translateY(-50%);
}
.section_6 {
  background-image: radial-gradient(885% 885% at 50% 75%, #71d1b9 0%, #71d1b900 100%);
  width: 283.65rpx;
  height: 8.01rpx;
}
.section_7 {
  margin-right: -40.06rpx;
  background-image: radial-gradient(885% 885% at 50% 75%, #71d1b9 0%, #71d1b900 100%);
  width: 277.24rpx;
  height: 8.01rpx;
}

.image_5 {
  border-radius: 36.46rpx;
  filter: drop-shadow(0rpx 3.21rpx 3.21rpx #00000040);
  width: 92.094vw;
  height: 99.1453vw;
}

.section_9 {
  position: absolute;
  left: 0rpx;
  top: 100rpx;
  background-image: linear-gradient(180deg, #ebf5f0 0%, #ebf5f000 100%);
  width: 40.06rpx;
  height: 599.36rpx;
  z-index: 9;
  
}

.image_4 {
  filter: blur(7.21rpx);
  border-radius: 50%;
  width: 270.83rpx;
  height: 270.83rpx;
  position: absolute;
  left: -30rpx;
  top: -120rpx;
  z-index: 9;
}

.section_8 {
  position:absolute;
  top: 0rpx;
  left: 220rpx;
  background-image: linear-gradient(90deg, #ebf5f0 0%, #ebf5f000 87.3%);
  width: 429.49rpx;
  height: 36.86rpx;
  z-index: 9;
}







view,
image,
text {
  box-sizing: border-box;
  flex-shrink: 0;
}

.codefun-flex-row {
  display: flex;
  flex-direction: row;
}

.codefun-flex-col {
  display: flex;
  flex-direction: column;
}

.codefun-justify-start {
  justify-content: flex-start;
}

.codefun-justify-end {
  justify-content: flex-end;
}


.codefun-justify-between {
  justify-content: space-between;
}

.codefun-justify-around {
  justify-content: space-around;
}

.codefun-justify-evenly {
  justify-content: space-evenly;
}

.codefun-items-center {
  align-items: center;
}
.codefun-self-start {
  align-self: flex-start;
}

.codefun-self-end {
  align-self: flex-end;
}
.codefun-self-stretch {
  align-self: stretch;
}
.codefun-shrink {
  flex-shrink: 1;
}
.codefun-relative {
  position: relative;
}
.codefun-shrink-0 {
  flex-shrink: 0;
}
